<template>
    <div>
        <div class="demo-drawer-profile">
            <Row>
                <Col span="12">
                    日志编号: {{ row.id }}
                </Col>
                <Col span="12">
                    系统模块: {{ row.module }}
                </Col>
            </Row>
            <Row>
                <Col span="12">
                    请求方式: <Tag color="purple">{{ row.method }}</Tag>
                </Col>
                <Col span="12">
                    操作人员: {{ row.user }}
                </Col>
            </Row>
            <Row>
                <Col span="12">
                    操作地址: {{ row.ip }}
                </Col>
                <Col span="12">
                    操作地点: {{ row.address }}
                </Col>
            </Row>
        </div>
        <Divider />
        
        <div class="demo-drawer-profile">
            <Row>
                <Col span="24">
                    请求地址: {{ row.path }}
                </Col>
            </Row>
            <Row>
                <Col span="24">
                    请求方法: {{ row.methodName }}
                </Col>
            </Row>
			
			<Row>
			    <Col span="24">
			        请求参数: {{ row.params }}
			    </Col>
			</Row>
			
			
			<Row>
			    <Col span="24">
			        返回参数: {{ row.resultVo}}
			    </Col>
			</Row>
        </div>
        <Divider />
        <div class="demo-drawer-profile">
            <Row>
                <Col span="12">
                    操作时间: {{ row.createTime }}
                </Col>
                <Col span="12"> <!-- 失败颜色可以绑定为 error -->
                    操作状态: <Tag color="green" v-if="row.status">成功</Tag>
                    <Tag color="error" v-else>失败</Tag>
                </Col>
            </Row>
            <Row>
                <Col span="32">
                    异常信息: {{row.message}}
                </Col>
            </Row>
        </div>
    </div>
</template>
<script>
export default {
    props:{
      row: {
        type: Object,
        required: true
      }
    },
    data () {
        return {
            value: false,
            pStyle: {
                fontSize: '16px',
                color: 'rgba(0,0,0,0.85)',
                lineHeight: '24px',
                display: 'block',
                marginBottom: '16px'
            }
        }
    }
}
</script>
<style>
.demo-drawer-profile{
	font-size: 14px;
}
.demo-drawer-profile .ivu-col{
	margin-bottom: 12px;
}
.ivu-row {
	margin-bottom:20px;
}
</style>
